/* 
Document   : MashupGISEntryPoint
Created on : Apr 16, 2008, 2:53:30 PM
Author     : meflyup
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
Grid{
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
    
}
body { 
    background-color: #ffffff;
    color: black;
    font-family: Arial, sans-serif;
    font-size: small;
    margin: 8px;
    margin-top: 3px;
}
.mapEditPanel{
    
  background-image: url(../public/gray.png);
}
.svgPanel{
    
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-left-style: dashed;
  border-right-style: dashed;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-color: #ff6666;
  border-bottom-color: #ff6666;
  border-left-color: #ff6666;
  border-right-color: #ff6666;
  width: 400px;
  height: 300px;
}
div,td{ font-size:10pt; font-family: verdana; }
h2{ margin:10px;font-family:arial;}

/* GadgetMenu */
.GadgetsMenu .gwt-Hyperlink { margin-left:10px;width:200px; }
.GadgetsMenu{ margin:10px;width:100px }

/* GadgetColumn */
.GadgetColumn{ margin-top:10px; margin-left:10px; 
    border-top-color: orange;
    border-bottom-color: orange;
    border-left-color: orange;
    border-right-color: orange;
}
.titleStyle{
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24pt;
    font-style: inherit;
    font-weight: bold;
    color: #ffffff;
    background-image: url(titlebg6.png);
}
.googlemap{
    width:300;
    height:300;
}
.mashupgis{
    background-image:url(titlebg6.png);background-position:bottom;background-repeat:repeat-x;
    width: 100%;
    height: 50px;
}
/* DockableWidget */
.gwtapps-DockableWidget { margin-bottom:4px; }
.gwtapps-Placeholder{border: 2px dashed #c00;}

/* TabBar */
.gwt-TabBar{ background-image:url(tab-rest.gif);background-repeat: repeat-x; background-position:bottom;padding-top:3px; width:100%}
.gwt-TabBar .gwt-TabBarFirst{ width:10px; }
.gwt-TabBar .gwt-TabBarItem { cursor:hand;cursor:pointer;background-image:url(tab.gif); background-repeat:no-repeat; width:126px; background-position:bottom; height:27px; font-size:8pt;}
.gwt-TabBar .gwt-TabBarItem div{ padding:5px; }
.gwt-TabBar .gwt-TabBarItem-selected {  background-image:url(tab-selected.gif);   }
.gwt-TabPanelBottom	{ height: 100%; background-color:#fff; }	

/* GadgetContainerView */
.gwtapps-GadgetContainerTitle{ cursor: move; color: #262c30;  }
.gwtapps-GadgetContainerTitleBar{ background-position:bottom;background-repeat:repeat ; 
    background-image: url(titlebg7.png);
}
.gwtapps-GadgetContainerTitleBar td { padding:2px; }
.gwtapps-GadgetContainerEditPanel{background-color:#e5e5e5;}
.gwtapps-GadgetContainerBody{ background-color:#FFF; }		
.gwtapps-GadgetContainer .gwtapps-RoundedPanel-inside{ padding: 1px 1px 1px 1px;  }
.gwtapps-GadgetContainerPanel .gwtapps-RoundedPanel-inside{ padding:0px; 
    
    
    
}

/* Calendar */
.Calendar-CurrentMonth{ border:1px solid #ccc;}
.Calendar-OtherMonth{ color: #ccc; }
.Calendar-Today{background: #abc;}

/* Gadgets */
.ToDoList-Done{ text-decoration: line-through; }				
.gwtapps-GoogleMap{ height:200px; }
.News-Item{ margin-bottom:3px; display:list-item; margin-left:20px; }
.DiceWars{ height:250px; }


.gwt-ScrollPanel {
    background-color: white;
    border: 2px solid #AAAAAA;
    
    border-top-color: teal;
    border-bottom-color: teal;
    border-left-color: teal;
    border-right-color: teal;
}

.gwt-StackPanel {
    background-color: white;
    border: 1px solid #AAAAAA;
    width: 15em;
    height:45em;
}
.roundTitle{
    background-image: url(titlebg7.png);
    background-repeat: repeat;
    
}
.gwt-StackPanel .gwt-StackPanelItem {
    background-image: url(gray_gradient.gif);
    cursor: pointer;
    cursor: hand;
    height:40px;
    font-size: 12pt;
    border-top-color: orange;
    border-bottom-color: orange;
    border-left-color: orange;
    border-right-color: orange;
    font-family: Arial,Helvetica,sans-serif,Tahoma;
    font-weight: bold;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
    background-image: url(titlebg6.png);
    border-bottom: 1px solid #666;
    height:40px;
    font-size: 12pt;
    border-top-color: orange;
    border-bottom-color: orange;
    border-left-color: orange;
    border-right-color: orange;
    font-family: Arial,Helvetica,sans-serif,Tahoma;
    font-weight: bold;
    color:#ffffff
}

.gwt-StackPanel .lcaption {
    width: 32px;
    padding: 0 0 4px 5px;
}

.gwt-StackPanel .rcaption {
    padding: 0 0 4px 5px;
} 

.gwt-StackPanel .box-20 {
    text-align: right;
}

.mail-List {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 80%;
    cursor: pointer;
    cursor: hand;
}

.mail-List td {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 2px 0 2px 10px;
}

.mail-ListHeader td {
    border-top: none;
}

.mail-ListHeader {
    background: #c1eec8 url(gradient.gif) repeat-x 0px 0px;
    font-weight: bold;
}

.mail-ListHeader .mail-ListNavBar .gwt-HTML {
    font-weight: bold;
}

.mail-ListHeader td {
    padding: 2px 0 2px 10px;
    border-top: 0px solid #666;
    border-bottom: 0px solid #666;
}

.mail-ListNavBar table {
    font-size: 80%;
}

.mail-ListNavBar td {
    border: none;
}

.mail-ListNavBar a {
    margin: 0 8px;
}

.mail-SelectedRow td {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
}

.mail-SelectedRow {
    background: #eee;
}

